<template>
	<mt-swipe :auto="4000">
		<!-- 谁使用这个轮播图组件，谁为我们传递Lunbolist -->
		<!-- 此时lunbolist是父组件给子组件传值 -->
		<mt-swipe-item v-for="(item,i) in Lunbolist" :key="item.i">
			<img :src="item.img" alt="" :class="{full:isfull}">
		</mt-swipe-item>
	</mt-swipe>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:['Lunbolist',"isfull"]
	}
</script>

<style lang="less" scoped>
	.mint-swipe {
		height: 150px;
		text-align: center;

		.mint-swipe-item {
			&:nth-child(1) {
				// background-color: blue;
			}

			&:nth-child(2) {
				// background-color: yellow;
			}

			&:nth-child(3) {
				// background-color: pink;
			}

			img {
				// width: 100%;
				height: 100%;
			}
		}
	}
	
	.full{
		width: 100%;
	}
</style>
